<template>
  <a-input
    :value="value"
    @change="handleChange"
  ></a-input>
</template>
<script>
export default {
  name: 'EditCellTest',
  props: {
    text: String,
  },
  data() {
    return {
      value: this.text,
    }
  },
  watch: {
    text(newVal) {
      this.value = newVal
    },
  },
  methods: {
    handleChange(e) {
      this.value = e.target.value
      this.$emit('change', this.value)
    },
  },
}
</script>
<style>
::v-deep .ant-input{
  border-radius: 0px;
}
</style>